/*
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2022.02.24  |
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,s,td,textarea,th,ul{margin:0;padding:0;list-style:none}body{font-family:Microsoft YaHei,sans-serif;font-weight:400;overflow-x:hidden}body,html{position:relative;overflow:auto}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-transform:capitalize}button,input,select,textarea{font-size:100%;outline:0}a{color:#369;text-decoration:none;outline: none}.clearfix:after{content:"\0020";display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{zoom:1}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}em,i{font-style:normal}.none{display:none}.block{display:block}.inline{display:inline-block!important;margin-right:10px}img{border:0;object-fit:cover}table{border-collapse:collapse;border:0;}::selection{background:#ddd;color:#111}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.25);border:2px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,.5)}::-webkit-scrollbar-track{background-color:rgba(50,50,50,.05)}*{box-sizing:border-box}input{border:0}input::placeholder{opacity:.5}input:focus{border:0;outline:0;-webkit-box-shadow:0;box-shadow:0}.tipMain{position:fixed;bottom:0;left:0;z-index:9999;width:100%;border-top:1px solid #ccc;background:#fff;font-size:13px;line-height:40px}.tipMain,.tipMain .close{height:40px;text-align:center}.tipMain .close{position:absolute;top:0;right:10px;width:40px;color:red;font-weight:400;font-size:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
/*超出的文字省略，要定义宽度*/
span.spanleft,#logo-r .member .select .placeholder span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
:after, :before, .iconfont, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobilemenu b, header, header *, #footer *, .wrapper, #banner, #banner img, #sub-nav,.nav .mainlevel a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { /*-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);*/ }
/*页面*/
body { background-color: #fff; }
.wrapper { position: relative; margin: 0 auto; }
.text { padding: 0; }
.text,.text p { color: #666; font-size: 16px; line-height: 30px; word-wrap: break-word; }
.text p { margin-bottom: 20px; }
.text p:last-child { margin-bottom: 0; }
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.info,.list-txt .name { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.info img { display: none !important; opacity: 0; }
.title { position: relative; padding-top: 32px; padding-bottom: 16px; }
.title .main, .title .secondary { display: block; font-weight: 600; text-transform: capitalize; }
.title .main { font-size:36px; color: #000; line-height: 1.4; letter-spacing: 0.18px; padding-left: 40px; }
.title .secondary { font-size:18px;  color: #838383; display:flex; align-items: center; margin-bottom: 10px;}
.title .secondary:before {content:""; display: inline-block; width:30px; height: 1px; background: #979797;margin-right:10px;}

.subtitle{display:flex;width: 100%; height: 66px; align-items: center;}
.subtitle img{margin-right:4px;}
.subtitle span{font-size:16px; color:#333; font-weight: 600;}
.subtitle.tabs span{ line-height: 65px; margin-right: 3vw; position: relative; cursor:pointer;}
.subtitle.tabs span.active{color:#3E64FF}
.subtitle.tabs span.active:after{content:""; display:block; width: 100%; height: 2px; background: #3E64FF; position: absolute; left:0; bottom: 0;}
/*更多*/
.more { position: relative; display: inline-block; width: 100%; display: flex; justify-content: center; }
.more a { width: 200px; height: 42px; background-color: #3E64FF; position: relative; display: flex; justify-content: center; align-content: center; align-items: center; }
.more a:after { content: ""; display: block; position: absolute; width: 0; height: 100%; background: rgba(0,0,0,0.1); left: 0; top: 0; }
.more span { position: relative; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: 1px; text-transform: uppercase; display: block; text-align: center; }
.more span:after{content:"";position: absolute; top:50%; width: 6px; height: 6px; border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: translateY(-50%) rotate(-45deg); pointer-events: auto; margin-left: 9px; }
.more a:hover:after { width: 100%; }
.more.grey a{background-color: #F8F8F8}
.more.grey span{color:#333}
.more.grey span:after{border-color:#333}
/*箭头*/
.arrow { display: inline-block; position: relative; width: 16px; height: 20px;outline:none }
.arrow a { display: block; width: 100%; height: 100%; position: relative; z-index: 2 }
.arrow:before, .arrow:after { content: ""; position: absolute; display: block; }
.arrow:before { width: 15px; border-top: 1.5px solid #1E2088; left: 0; top: 9px; }
.arrow:after { position: absolute; right: 1px; top: 5px; display: block; width: 8px; height: 8px; border-right: 1.5px solid #1E2088; border-bottom: 1.5px solid #1E2088; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; }
#spotlight .arrow:before,#spotlight .arrow:after{display:none; opacity: 0;}
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before {content: ""; margin-top: 20px; margin-left: 15px; display: block; width: 15px; height: 15px; border-right: 3px solid #fff; border-top: 3px solid #fff; pointer-events: auto; transform: rotate(-45deg);}
.toTop:hover { background: #3E64FF; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=select-------
********************************/
.select { position: relative; height: 36px; }
.select:after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; position: absolute; z-index: 2; right: 20px; top: 16px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding: 0 15px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: flex-start; align-items: center;}
.select.is-open ul { display: block;}
.select.is-open:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.select ul { display: none; position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px; padding: 0; max-height: 240px; overflow-x: hidden; overflow-y: auto;background: #ffffff;box-shadow: 0px 10px 49px 0px rgba(0,0,0,0.1);border: 1px solid #DDDDDD;border-top:0; }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ECECEC; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 15px; line-height: 46px; }
.select ul li:hover { background-color: #f4f4f4 }
/*表单*/
.bui-input { box-sizing: border-box; padding: 8px 10px; width: 100%; height:40px; background-color: #F4F4F4;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 2px; color: #333; font-size: 14px; vertical-align: middle;}
.bui-input:hover { border: 1px #3E64FF solid; }
.bui-input:focus { outline: none; border: 1px solid #3E64FF; box-shadow: 0 0 3px 0 #3E64FF; color: #3E64FF; }
.bui-input.bui-textarea { height: auto }
.bui-btn { border-radius: 2px; height: 40px; text-align: center; cursor: pointer;padding: 11px 36px; display: flex; justify-content: center; align-items: center;}
.btn-submin {background: #3E64FF;border: 1px solid #3E64FF; color: #fff}
.btn-cancel {background: #FFFFFF;border: 1px solid #EEEEEE; color: #333}
.inputUploaderBox { width: 120px; height: 120px; display: inline-block;background: #F4F4F4;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 2px; position: relative; cursor: pointer; margin-right: 16px; margin-bottom: 16px; }
.inputUploaderBox:after{ content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("../images/inputUploaderBox.png") center center no-repeat; width: 30px; height: 30px;}
.inputUploaderBox input.inputUploader { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; cursor: pointer; }
.inputUploaderBox .img { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;cursor: auto; }
.inputUploaderBox .img img { display: block; width: 100%; height: 100%; }
.inputUploaderBox .img em {width: 20px; height: 20px; border-radius: 50%;background: #E46258; position: absolute; padding: 0; right: 0; top: 0;margin-top:-8px; margin-right: -8px; z-index: 3; cursor: pointer; }
.inputUploaderBox .img em:before,.inputUploaderBox .img em:after {content:""; display: block; position: absolute; width: 12px; height: 2px; background-color: #fff; display: block; margin-top:8px; margin-left: 4px;}
.inputUploaderBox .img em:before{transform:rotate(-45deg);}
.inputUploaderBox .img em:after {transform:rotate(45deg);}
.inputUploaderBoxTxt{width: 120px; height: 120px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 600; color:#999; line-height: 20px; padding: 5px;}
.form{display:flex; flex-flow:row wrap; justify-content: space-between;}
.form-group{width: 100%; display:flex; flex-flow:row wrap; align-items: flex-start; font-size: 14px;position: relative; margin-bottom: 20px;}
.form-group .label{font-size: 14px;line-height: 40px;color: #333; width: 70px; margin-right: 10px;}
.form-group .bui-input{flex: 1}
.form-group.col{width: 48%;}
.btn-flex{display:flex; margin-top:32px; padding-left: 80px;}
.btn-flex .bui-btn{margin-right: 20px;}
/*******************************
  -------[=字体------
********************************/
* {font-size: 14px; }
.f32 { font-size: 32px }
.f30 { font-size: 30px }
.f28 { font-size: 28px }
.f26 { font-size: 26px }
.f24 { font-size: 24px }
.f22 { font-size: 22px }
.f20 { font-size: 20px }
.f18 { font-size: 18px }
.f16 { font-size: 16px }
.f15 { font-size: 15px }
.f12 { font-size: 12px }
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-pagination-bullet { opacity: 1; border-radius: 2px; }
.swiper-pagination-bullet-active { background-color: #4A87CB }
.swiper-btn { display: block; width: 40px; height: 40px; background: rgba(255,255,255,1); text-align: center; cursor: pointer; position: absolute; top: 50%; border-radius: 50%; margin-top: -20px; }
.swiper-btn.swiper-button-disabled{ opacity: 0.5;cursor: not-allowed;}
.swiper-btn:before, .swiper-btn:after { content: ""; position: absolute; }
.swiper-btn:before { display: block; width: 10px; height: 10px; border-right: 1.5px solid #000; border-top: 1.5px solid #000; pointer-events: auto;left:50%; top:50%;}
.swiper-btn:after { background: rgba(255,255,255,0.2); width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; }
.swiper-btn:hover:after { transform: scale(1.5); }
.prev.swiper-btn { left: 5%; }
.prev.swiper-btn:before { transform: translate(-40%,-50%) rotate(-135deg);}
.next.swiper-btn { right: 5%; }
.next.swiper-btn:before { transform: translate(-80%,-50%)  rotate(45deg);}
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list { overflow: hidden; position: relative; z-index: 1; }
.list .list-ul { margin-right: -30px; margin-bottom: -30px; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin-right: 30px; margin-bottom: 30px; position: relative; }
.list .list-li .images { padding-top: 100%; }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list-txt { box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize; padding-top: 12px; padding-bottom: 12px; }
.list-txt .name { color: #000; font-size: 16px; font-weight: 400; text-align: center;-webkit-line-clamp: 1 }
.list-txt .info { -webkit-line-clamp: 1; margin-top: 8px; }
.list-txt .info, .list .list-txt .info * { color: #999; line-height: 1.8 !important; }
.list .all { display: block; position: relative; z-index: 2 }
.list.list-border .list-li:after { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #EFEFEF; }
.list .list-li:hover .list-txt .name { color: #3E64FF }
/*******************************
  -------[=页码-------
********************************/
.main-page { width: auto; height: 40px; margin-bottom: 60px; text-transform: capitalize; display: flex; justify-content: space-between;}
.main-page .page,.main-page .jump{display:flex; align-items: center;}
.main-page a { border: 1px solid #eee; line-height: 38px; min-width: 38px; text-align: center; height: 38px; margin: 0 5px; color: #555; border-radius: 2px; position: relative; display: flex; justify-content: center; align-items: center;}
.main-page a.active, .main-page a:hover { border-color: #3E64FF; background-color: #3E64FF; color: #fff; }
.main-page a.active .icon, .main-page a:hover .icon { border-color: #fff;}
.main-page a.disabled { cursor: not-allowed; border: 0; }
.main-page a.disabled:hover { background-color: #fff; color: #555; }
.main-page a .icon { display: block; width: 8px; height: 8px; border-right: 1px solid #555; border-top:1px solid #555; pointer-events: auto; }
.main-page .prev,.main-page .next {min-width:80px;justify-content: space-between; padding-left: 12px; padding-right: 10px;}
.main-page .prev .icon {transform: rotate(-135deg);}
.main-page .next .icon {transform: rotate(45deg); }
.main-page .jump{margin-left:25px;}
.main-page .jump span{color:#666;}
.main-page .jump .form-control{width: 40px; height: 40px; padding: 0; text-align: center; margin: 0 7px;border: solid 1px #eee;}
.main-page .jump .btn{width: 50px; height: 40px;background: #3E64FF;border: 0;border-radius: 2px; text-align: center; color:#fff; margin-left: 10px;}
/*******************************
  -------[=页面底部------
********************************/
#footer { background: #1D1D1D; }
#footer a { color: #fff;}
#footer a:hover { opacity: 1; }
#footer #footer-nav,#footer #footer-nav .footer-nav,#footer .footer,#footer .footer .right,#footer .copyright{display:flex;}
#footer #footer-nav,#footer .footer {border-bottom:solid 1px rgba(255, 255, 255, 0.1);}
#footer #footer-nav{padding:18px 0; justify-content: space-between;}
#footer #footer-nav .logo{background:url(../images/logo-white.svg) left center no-repeat; width: 184px; height: 40px;}
#footer #footer-nav .footer-nav{align-items: center; justify-content: flex-end;}
#footer #footer-nav .footer-nav a{margin-left:60px;}
#footer .footer { padding: 40px 0; }
#footer .footer .left {}
#footer .footer .left .qrcode img{width:140px; height: 140px;border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px;}
#footer .footer .left .qrcode p{color:#fff; opacity: 0.7; text-align: center; margin-top: 14px;}
#footer .footer .right { flex: 1; justify-content: flex-end;}
#footer .footer .right .item {margin-left:72px;}
#footer .footer .right .item h6 {font-size:16px; font-weight: 600; color:#fff; opacity: 0.5; margin-bottom: 13px; width: 100%;}
#footer .footer .right .item p a,#footer .footer .right .item.end p{color:#fff; line-height: 1.87;}
#footer .footer .right .item.col{width: 150px; display:flex; flex-flow:row wrap; align-content: flex-start; margin-right: -30px;}
#footer .footer .right .item.col p{width: 50%;}
#footer .footer .right .item.end p{white-space:nowrap;}
#footer .copyright {padding-top: 20px; padding-bottom: 20px; justify-content: space-between; }
#footer .copyright p { font-size: 14px; color: #fff; opacity: 0.5; }
/*******************************
  -------[=页面------
********************************/
header, #header { width: 100%; }
#header .wrapper,#nav .wrapper, .nav, .nav .nav-ul, .nav .mainlevel,header.fixed #header { height: 100%; }
#top, #header .wrapper, .nav .nav-ul,#logo-r { display: flex; justify-content: space-between; align-items: center; }
.wrapper { max-width: 1200px; width: 100% }
header { position: fixed; z-index: 100; left: 0; top: 0; }
#header {height: 75px; background:#fff; }
#header .wrapper{width: 92%; max-width: 92%;}
#logo { width: 240px; height: 40px }
.logo, .logo a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.logo a {background-image:url(../images/logo.png); background-position:left center; background-repeat:no-repeat; background-size:contain; }
#nav {width: 100%; height: 54px;border-top:solid 1px #eee; }
.nav .nav-ul { flex-flow: row wrap; width: 100% }
.nav .mainlevel { position: relative; z-index: 10; flex:1;  display: flex; align-items: center; justify-content: center;}
.nav .mainlevel a { color: #333; text-decoration: none; font-size: 16px;line-height: 20px; height: 20px; display: block; position: relative; z-index: 2; text-transform: uppercase; }
.nav .mainlevel:after { content: ""; position: absolute; width: 0; height: 2px; left: 50%; bottom: 0; background: #3E64FF; }
.nav .mainlevel.active a,.nav .mainlevel.active.cuf a:hover,.nav .mainlevel a:hover { color: #3E64FF; font-weight: 600; }
.nav .mainlevel.active:after,.nav .mainlevel.active.cuf:hover:after, .nav .mainlevel:hover:after { width: 100%; left: 0; }
.nav .mainlevel.active.cuf:after{width: 0; left:50%;}
#header-title{background: url(../images/header-title.png) center center no-repeat; background-size:contain; width: 230px;height: 24px;}
#logo-r .date *{font-weight: 600; color: rgba(51, 51, 51, 0.9);}
#logo-r .member{margin-left: 40px;}
#logo-r .member a.btn{display: inline-block; width: 118px; height: 38px;background: rgba(255, 255, 255, 0.25);border: 1px dashed #EEEEEE;border-radius: 2px;text-align: center; line-height: 38px; color:#333;}
#logo-r .member a.btn:hover{color:#fff; background: #3E64FF; border-color:#3E64FF}
header.fixed { height: 60px; box-shadow: 0px 1px 0px #E9E9E9; }
header.fixed #header{background: #fff;}
header.fixed #logo {width:200px; z-index: 10;  }
header.fixed #logo-r,header.fixed #header-title {display: none;}
header.fixed #nav {margin-top:-60px; height: 60px; border-top:0;}
header.fixed #nav .wrapper{padding-left: 240px; width: 92%; max-width: 92%;}
.page-flex{display:flex;}
.page-flex .page-left{width: 70%; padding-right: 30px;}
.page-flex .page-right{width: 30%; position: relative;padding-left:30px;}
.page-flex .page-right:before{content:""; display:block; width:1px; height: 100%; position: absolute; left:0; top:0; background:#eee;}
.page-flex .page-right .more a{width: 100%}
#banner { display: block; width: 100%; height: 320px; overflow: hidden; position: relative; margin-top: 130px; }
#banner img { display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#banner .wrapper { position: absolute; left: 50%; margin-left: -600px; top:50%; transform:translateY(-50%); }
#banner .wrapper h1 { font-size: 36px; font-weight: 600; color: #fff; line-height: 52px; }
#banner .wrapper h2 { font-size: 18px; font-weight: 600; color: #fff; line-height: 26px; margin-bottom: 15px; }
#sub-nav { width: 100%; height: 70px; box-shadow: 0px 1px 0px #E9E9E9; background: #fff;}
#sub-nav.fixed { position: fixed; z-index: 101;}
#sub-nav .wrapper,#sub-nav .sub-nav { height: 100%; }
.swiper-container.sub-nav .swiper-wrapper { justify-content: center; align-items: center; }
.swiper-container.sub-nav .swiper-wrapper .swiper-slide { width: auto; position: relative; display:flex; align-items: center;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:before,.swiper-container.sub-nav .swiper-wrapper .swiper-slide:after {content:"";}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:before{position: absolute; left:0; bottom:0; width: 0; height:2px; background:#3E64FF}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:after {width: 2px; height: 20px; background: #E9E9E9; margin: 0 50px;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:last-child:after {display:none;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide a { color: #262626; font-size: 16px; }
.swiper-container.sub-nav .swiper-wrapper .swiper-slide.active a, .swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover { color: #3E64FF;}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide.active:before, .swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover:before{width: calc(100% - 100px);}
.swiper-container.sub-nav .swiper-wrapper .swiper-slide:last-child.active:before{width:100%;}
/*关于协会*/
#zjyyxh{position: relative;}
#zjyyxh .wrapper:before{content:""; display:block; position: absolute; top:0; left:0; width: 356px; height: 472px; background: url(../images/zjyyxh.png) no-repeat; margin-left: -356px;}
#zjyyxh .page-flex{flex-flow:row wrap;}
#zjyyxh .page-flex img{width: 43.5%;}
#zjyyxh .page-flex .txt{flex:1; padding-right: 60px;}
.zj-number,.zj-btn{margin-top: 40px;}
.zj-number,.zj-btn,.zj-btn .col{display:flex; justify-content: space-between;}
.zj-number .col{display:flex;font-size:36px;font-weight: 600; color:#3E64FF}
.zj-number .col span{padding-left: 16px;font-size: 12px; line-height: 19px; color:#999}
.zj-number .col span span{padding-left: 0;display:block;color:#333}
.zj-btn .col{width: 47%;background: #FFFFFF;border: 1px solid #E0DEDD;border-radius: 8px; padding: 22px 32px; font-size:16px; font-weight: 600; color:#1A1A1A}
.zj-btn .col a{width: 60px;height: 24px;background: rgba(62, 100, 255, 0.05);border-radius: 2px; text-align: center; line-height: 24px;font-size: 14px;}
#zjyyxh .wrapper .txt{}
/*产品大全*/
.list.product-collection .list-ul{margin-right: -40px; margin-bottom: -40px;}
.list.product-collection .list-li{width:calc(33.33% - 40px);margin-right: 40px; margin-bottom: 40px;}
.list.product-collection .images{padding-top:67%;}
.list.product-collection .list-txt{position:absolute; width: 100%; top:50%; transform: translateY(-50%);}
.list.product-collection .list-txt .name{font-size: 22px; line-height: 2.14;color:#fff;-webkit-line-clamp:2;}
.list.product-collection .list-txt .name span{display:block; font-size: 14px;}
.list.product-collection a:hover .list-txt .name{color:#fff;}
#aboutus .title{padding-top:80px;}
/*协会架构*/
.aboutus2{background: #FCFCFF}
.aboutus2 img{display:block; width: 100%;}
/*协会领导*/
.list.leaders .list-li{width:100%; margin-right:0px; margin-bottom: 0px;}
.list.leaders .list-li{border: 1px solid #E0DEDD;border-radius: 2px; padding: 30px 30px 15px 30px;}
.list.leaders .images{padding-top:120%;}
.list.leaders .list-txt{padding-bottom: 0;}
.list.leaders .list-txt .name{text-align: left; font-weight: 600; color:#333}
.list.leaders .list-txt .position{line-height: 1.5; color:#666; margin-top: 9px;}
/*发展历程*/
.aboutus4 .swiper-wrapper{}
.aboutus4 .swiper-slide{}
.aboutus4 .aboutus4-card{ width: 100%; height: 420px; background: url(../images/aboutus4-card.png) left top no-repeat; padding-left: 23px; padding-right: 13px;display: flex; flex-flow:row wrap; align-items: flex-end; align-content: flex-end;border-bottom:1px dashed #eee; position: relative;}
.aboutus4 .aboutus4-card:before,.aboutus4 .aboutus4-card:after{content:""; display:block; position: absolute;left:5px;width: 2px;}
.aboutus4 .aboutus4-card:before{height: 20px; background: #999; bottom: 0;}
.aboutus4 .aboutus4-card:after{ height: 11px; background: #fff; bottom: 20px;}
.aboutus4 .aboutus4-card .txt{ margin-bottom: 33px;}
.aboutus4 .aboutus4-card .txt h6{font-size:24px; color:#333; margin-bottom: 14px;}
.aboutus4 .aboutus4-card .txt p{font-size:16px; line-height: 1.75; color:#666;}
.aboutus4 .swiper-slide .year{margin-top:20px; font-size: 18px; color:#333;}
.aboutus4 .images{padding-top:70%; margin-bottom: 42px; background: #F1F1F1}
.aboutus4 .swiper-btn:after{display:none;}
.aboutus4 .swiper-btn{background:none; top:auto; bottom:25%;}
.aboutus4 .swiper-btn:before{border-right: 3px solid #666; border-top:3px solid #666; width: 40px; height: 40px;}
.aboutus4 .prev.swiper-btn{left:0; margin-left:-80px;}
.aboutus4 .next.swiper-btn{right:0; margin-right:-120px;}
/*协会章程*/
.aboutus5{border: 1px solid #E0DEDD;border-radius: 2px; padding: 32px 35px; display: flex; flex-flow:row wrap;}
.aboutus5 .more{width: 100%;margin-top:30px;}
.aboutus5 .t{color:#1A1A1A; margin-bottom: 8px; font-weight: 600;}
.aboutus5 .txt .text p{font-size:16px; line-height: 26px; letter-spacing: 0.25px; color:#999;}
.aboutus5 .left{width: 54%;}
.aboutus5 .left .t{font-size: 20px;}
.aboutus5 .left img{display:block; width: 100%; margin-bottom: 40px;}
.aboutus5 .right{flex:1; padding-left: 32px;}
.aboutus5 .right .t{font-size: 16px;}
/*联系*/
.contact {display:flex; padding-bottom: 72px;}
.contact .txt {flex: 1; padding-left: 30px;}
.contact .txt .p1{font-size: 24px; line-height: 34px; font-weight: 600; color:#1A1A1A; margin-bottom: 16px;}
.contact .txt .p2{font-size: 20px; line-height: 32px; font-weight: 600; color:#595959; margin-bottom: 32px;}
.contact .txt .p3{font-size: 14px; line-height: 16px; font-weight: 600; color:#0764E3; margin-bottom: 16px;}
.contact .txt .qrcode{width:140px; margin-top: 32px;}
.contact .txt .qrcode img{width:140px; height: 140px;}
.contact .txt .qrcode p{color:#333; text-align: center;}
.contact .map { width: 54%; height: 370px}
.map #gaodi-map { width: 100%; height: 100%; z-index: 1; }
.map .icon { background: url(../images/mark_bs.png) no-repeat; }
.map .icon-cir { width: 63px; height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info { width: 450px; }
.amap-info-content { padding: 20px 28px 20px 20px; }
.amap-info-content h5 { font-size: 18px; line-height: 20px; color: #3E64FF; font-weight: 600; margin-bottom: 10px; }
.amap-info-content div { font-size: 14px; line-height: 1.6em; color: #444 }
/*产品中心*/
.products{padding-top:72px; padding-bottom: 72px;}
.products .main-page{margin-top:20px;}
.products .list .list-ul{margin-right:-20px; margin-bottom: -20px;}
.products .list .list-li{width: calc(25% - 20px); margin-right:20px; margin-bottom: 20px;}
.products .list .images{padding-top:100%; background-color:#efefef;}
.products .list .list-txt{padding:20px;;border: 1px solid #EDEDED}
.products .list .list-txt .name,.products .list .list-txt .enterprise{display:flex; align-items: center;}
.products .list .list-txt .name{text-align: left;}
.products .list .list-txt .name span{float:right;font-size:15px; color:#3E64FF;}
.products .list .list-txt .enterprise{border-top:solid 1px #EDEDED;margin-top:15px; padding-top:15px; color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.products .list .list-txt .enterprise img{ width: 20px; height: 20px; margin-right: 7px;}
/*新闻*/
.page-flex.news{align-items:flex-start; padding-top: 72px; padding-bottom: 72px;}
.page-flex.news .main-page{margin-top:20px;}
.list.news-list { min-height: 400px;}
.list.news-list .list-ul {margin-right:0; margin-bottom: -20px;}
.list.news-list .list-li { width: 100%;margin-right:0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #EEEEEE }
.list.news-list .list-li .all{ width: 100%; display: flex; align-items: flex-start}
.list.news-list .images { width: 22%; padding-top: 16.5%; background:url(../images/nopic.jpg) center center no-repeat; background-size:cover}
.list.news-list .list-txt {padding-top: 0; padding-bottom: 0; padding-left: 16px; flex: 1; position: relative; z-index: 2 }
.list.news-list .list-txt .name { text-align: left; color: #333; font-size: 18px; font-weight: 600; margin-bottom: 9px;}
.list.news-list .list-txt .info { -webkit-line-clamp: 2;}
.list.news-list .list-txt .info,.list.news-list .list-txt .info * {font-size:14px; line-height: 1.8;color:#666;}
.list.news-list .list-txt .tool,.list.news-list .list-txt .tool .category,.list.news-list .list-txt .enterprise{display: flex; align-items: center;}
.list.news-list .list-txt .tool {margin-top:30px;width: 100%; }
.list.news-list .list-txt .tool .category:after{content:""; display:inline-block; width:1px;height: 18px; margin: 0 15px; background: #eee}
.list.news-list .list-txt .tool .category1{color:#A63EFF;}
.list.news-list .list-txt .tool .category2{color:#3E64FF;}
.list.news-list .list-txt .tool .date{color:#999;}
.list.news-list .list-txt .enterprise img{width: 22px; height: 20px; object-fit: contain; margin-right: 11px;}
.list.news-list .list-txt .enterprise span{color: #666;}
.page-right .list.news-list .images { width: 27%; padding-top: 22.8%;}
.page-right .list.news-list .list-txt {padding-left: 10px;}
.page-right .list.news-list .list-txt .name {font-size: 16px; font-weight: 400;-webkit-line-clamp: 2;}
.page-flex .page-right .list.news-list .advertisement{position:relative;margin-bottom: 30px;width: 100%;}
.page-flex .page-right .list.news-list .advertisement .images{width:100%; padding-top:67%;}
.advertisement .close{position: absolute; z-index: 10; right:10px;top:10px; width: 68px; height: 20px; display:flex; justify-content: space-between;}
.advertisement .close span{background: rgba(0, 0, 0, 0.3);border-radius: 2px; width: 42px; height: 20px; font-size: 12px; color:#fff;text-align: center;}
.advertisement .close span.btn{width: 20px; position: relative;}
.advertisement .close span.btn:before,.advertisement .close span.btn:after{content:""; display:block; width: 15px; height:1px; background:#fff; position: absolute; margin-left:3px; margin-top:9px;}
.advertisement .close span.btn:before{transform: rotate(45deg)}
.advertisement .close span.btn:after{transform: rotate(-45deg)}

.article { padding: 60px 0; }
.article .head { border-bottom: solid 1px rgba(153, 153, 153, 0.5); padding-bottom: 20px; margin-bottom: 30px; }
.article .head .tool { font-size: 12px; color: #999; display: flex; justify-content: center;}
.article .head .tool .source {margin-right:30px;}
.article .head .tool .author {margin-right:30px;background: url(../images/author.png) left center no-repeat; padding-left: 20px;}
.article .head .tool .date {background: url(../images/date.png) left center no-repeat; padding-left: 20px;}
.article h1 { font-size: 24px; line-height: 1.5; color: #000; display: inline-block; padding: 20px 0; text-align: center; }
span.salary { font-size: 20px; font-weight: 600; color: #F36944; margin-left: 60px; }
.article h2 { font-size: 16px; color: #333; }
.article .body { padding: 0; min-height: 400px; }
.article .body p { font-size: 16px; color: #666; line-height: 2; margin-bottom: 15px; }
.article .body p:last-of-type { margin-bottom: 0; }
.article .body h5 { font-size: 16px; color: #333; }
.article .body h5:after { content: ""; display: block; width: 20px; height: 2px; background: #2C4562; margin: 20px 0 30px 0; }
.article .body b { font-size: 18px; color: #333; margin-bottom: 15px; }
.article .body hr { height: 1px; width: 100%; margin: 30px 0; border: 0; display: block; background: #ddd }
.article .body img { max-width: 100%; margin: 15px 0; width: auto; display: inline-block; }
.article .body table { width: 100% !important }
.article .body table td { word-wrap: break-word !important; font-size: 14px !important; padding: 10px !important; border: 0 !important; min-width: 50px; max-width: auto !important; line-height: 30px !important; vertical-align: middle !important }
.article .body table td * { word-wrap: break-word !important; font-size: 16px !important; font-weight: 400 !important; color: #111 !important; line-height: 30px !important }
.article .footer { width: 100%; display: flex; justify-content: space-between; align-items: center; border-top: solid 1px #ddd; margin-top: 40px; padding-top: 30px; }
.article .footer .left .p { font-size: 16px; margin-bottom: 10px; color: #999; }
.article .footer .left .p a { font-size: 16px; color: #333; }
/*品牌展示*/
.list.brand-display{padding-top:72px; padding-bottom: 24px;}
.list.brand-display .list-ul{margin-right:-63px; margin-bottom: -50px;}
.list.brand-display .list-li{width:calc(33.33% - 63px); margin-right:63px; margin-bottom: 50px;border: 1px solid #EDEDED;border-radius: 2px;}
.list.brand-display .list-txt{padding: 30px 32px;}
.list.brand-display .list-txt .name{display:flex !important;align-items: center;text-align: left; -webkit-line-clamp:2;}
.list.brand-display .list-txt .name img{width: 53px; height: 48px; object-fit: contain; margin-right: 14px;}
.list.brand-display .list-txt .name span{font-size: 16px; font-weight: 600; color:#1A1A1A;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 70px;}
.list.brand-display .list-txt .name span span{display:block; margin-top:8px; font-size: 14px; font-weight: 600; color:#595959}
.list.brand-display .list-txt .info{height:156px; overflow:hidden; -webkit-line-clamp:5;border-top: solid 1px #F6F4F3;margin-top: 24px; padding-top: 24px;}
/*会员企业*/
.enterprise-wrap{margin-top:72px; margin-bottom: 72px;border: 1px solid #E0DEDD;border-radius: 2px; padding:40px 30px; display:flex; flex-flow:row wrap;}
.enterprise-wrap .item{width: 25%; position: relative; display:flex; justify-content: center; align-items: center; flex-flow:row wrap; padding-top: 42px; padding-bottom: 35px;}
.enterprise-wrap .item .images{ width: 180px; height: 180px; margin:0 auto;}
.enterprise-wrap .item .images img{width: auto; height: auto;left:50%; top:50%; transform:translate(-50%,-50%)}
.enterprise-wrap .item p {width: 100%; font-size: 16px; font-weight: 600; text-align: center; color:#333; margin-top: 20px;}
.enterprise-wrap .item:before,.enterprise-wrap .item:after{content:""; display:block; position: absolute; background:#F6F4F3;}
.enterprise-wrap .item:before{width:1px; height:100%; right:0; top:0;}
.enterprise-wrap .item:after{width: 100%; height:1px; bottom:0; left:0;}
.enterprise-wrap .item:nth-child(4n):before,.enterprise-wrap .item:nth-last-child(-n+4):after{display: none;}
/*产业服务*/
.service-wrap{padding-top:72px; padding-bottom: 72px;}
.service-wrap .item{border: 1px solid #E0DEDD;border-radius: 2px; margin-bottom: 40px; display:flex; justify-content: space-between; flex-flow:row wrap;}
.service-wrap .item:last-child{margin-bottom: 0px;}
.service-wrap .item img.right{width: 62%;}
.service-wrap .item .txt{flex:1; padding: 32px;}
.service-wrap .item .txt .t{display:flex; align-items: center; padding-bottom: 32px; margin-bottom: 32px; border-bottom: solid 1px #eee; font-size: 28px; font-weight: 600; color:#1A1A1A;}
.service-wrap .item .txt .t img{margin-right:14px;}
.service-wrap .item .txt .info{-webkit-line-clamp:7; height: 200px; margin-bottom: 12px;}
.service-wrap .item .txt .info,.service-wrap .item .txt .info *{font-size: 14px; line-height: 28px; color:#666;}
.service-wrap .item .txt .btn a{display: inline-block; width:104px; height: 40px; text-align: center; line-height: 40px; color:#3E64FF; background: rgba(62, 100, 255, 0.05);border-radius: 2px;}
/*人才招聘*/
#personnel{ padding-bottom: 72px;}
.personnel{ margin-bottom: 40px;}
.personnel .li{width:100%; display:flex;border: 1px solid #EEEEEE; padding: 20px 32px; margin-bottom: 10px;}
.personnel .li>div{font-size:18px; color:#333;display: flex; align-items: center;}
.personnel .li>div img{width: 32px; height: 30px; object-fit: contain;margin-right: 7px;}
.personnel .li .p1{width: 30%;}
.personnel .li .p2{width: 30%;}
.personnel .li .p3{width: 10%; color: #FF5907}
.personnel .li .p1,.personnel .li .p2,.personnel .li .p3{flex:1;}
.personnel .li .p4{width: 50px;}
.personnel .li.t{background: #F2F2F4}
.personnel .li.t .p3{color:#333;}

.personnel.ind .li .p3{width: 10%;}
.personnel.ind .li .p4{width: 30%; padding-left: 5%}

.recruit-detailed{padding:30px;min-width:800px;}
.recruit-detailed .title{border-bottom:solid 1px #E4E4E4; padding-bottom: 15px; padding-top: 0; margin-bottom: 20px;}
.recruit-detailed .title .main{font-size: 20px; padding-left: 0;}
.recruit-detailed .title .secondary{font-size: 14px; margin-bottom: 0; margin-top: 16px; font-weight: 400;}
.recruit-detailed .title .secondary:before{display:none;}
.recruit-detailed .title .salary{position:absolute; right:0; bottom:36px; font-weight: 600; color:#D64530}
.recruit-detailed p{font-size:14px; color:#666; line-height: 1.8; margin-bottom: 15px;}
.recruit-detailed h5{font-size:16px; color:#333;}
.recruit-detailed h5:after{content:""; display:block; width:20px; height:2px; background:#2C4562; margin: 10px 0 15px 0;}
.recruit-detailed b { font-size: 18px; color: #333; margin-bottom: 15px; }

@media screen and (max-width: 1024px) {.recruit-detailed{min-width:calc(100vw - 60px); width: calc(100vw - 60px); padding: 16px;}.recruit-detailed .title{padding-bottom: 0; margin-bottom: 10px;}.recruit-detailed .title .salary{position:relative;bottom:45px;}.recruit-detailed .title .secondary{margin-top:32px;}}
@media screen and (max-width: 600px){.recruit-detailed .title .salary{bottom:0; margin-bottom: 16px; margin-top: 12px;}.recruit-detailed .title .secondary{margin-top:16px;}}

/*******************************
  -------[=会员------
********************************/
#login{width:100%; height: 100%; display:flex; justify-content: space-between;}
#login .right{width:58%; height: 100%; background: url(../images/login-right.png) left center no-repeat; background-size:cover; position: relative;}
#login .right:before{content:""; display:block; position: absolute; left:0; top: 0; width:28%; height: 100%; margin-left: -1px; background: #fff;clip-path:polygon(0 0,100% 0,0 100%)}
#login .right .txt{width:100%; position: absolute;bottom:11vh; color:#fff; padding-left: 20%}
#login .right .txt>div{text-align: center; color:#fff;opacity: 0.87; letter-spacing: 1px;}
#login .right .txt .p1{font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 13px;}
#login .right .txt .p2{font-size: 14px; line-height: 16px; font-weight: 400; margin-bottom: 22vh;}
#login .right .txt .p3{font-size: 14px; line-height: 30px; font-weight: 400;}
#login .left{width:42vw; height: 100%; padding: 33px 40px;}
#login .login{ width: 20vw; position: absolute;bottom:11vh; left:14vw;}
#login .login .form-group{ margin-bottom: 13px;}
#login .login .p1{text-align: center; font-size: 24px; color:#000; font-weight: 600; opacity: 0.87;}
#login .login .p2{text-align: center; font-size: 12px; color:#999; font-weight: 400; opacity: 0.87; width: 200px; margin: 5px auto 12px auto;}
#login .login .label{width: 100%; font-size: 16px; display: block; line-height: 28px; color: #212121;}
#login .login .bui-input{background: #ECEEF0;border-radius: 2px; padding: 14px 16px; width: 100%; height: 48px; font-size: 16px; color:#222;border-radius: 8px;}
#login .login .bui-input::placeholder{opacity: 0.4}
#login .login .btn-submin{width: 100%; height: 48px; text-align: center; font-size:16px; font-weight: 600; line-height: 48px; color:#fff; background: #3E64FF; border-radius: 8px; margin-top: 40px; cursor: pointer;}
#login .login .footer{margin-top:20vh; width: 100%; text-align: center; font-size: 12px; color:#999;}

#logo-r .member .select{padding-right: 15px;}
#logo-r .member .select:after{border:solid 3px transparent; border-right-color:#E4E4E4; border-bottom-color: #E4E4E4;width: 0; height: 0; right:0;top:50%; transform: translateY(-50%) rotate(-45deg);}
#logo-r .member .select.is-open:after {transform: translateY(-50%) rotate(45deg);}
#logo-r .member .select .placeholder{position: relative; display: flex; align-items: center; padding: 0;}
#logo-r .member .select .placeholder .img{width: 38px; height: 38px; border-radius: 50%;border:solid 1px #ddd; overflow: hidden; margin-right: 12px;}
#logo-r .member .select .placeholder .img img{width: 92%; height: 92%; margin: 4%; object-fit: cover;}
#logo-r .member .select .placeholder span{width: 60px;}
#logo-r .member .select ul{left:auto; right:0; width: 330px;max-height:800px; overflow: hidden; background: none; border:0; box-shadow: none;}
#logo-r .member .member-dropdown{width: 100%;background: #FFFFFF;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);border-radius: 2px; margin-top: 18px;}
#logo-r .member .member-dropdown .header{background: url(../images/member-dropdown-header.png) center center no-repeat; background-size:cover; height: 110px;display:flex; align-items: center; justify-content: space-between;}
#logo-r .member .member-dropdown .header .img{width: 58px; height: 58px; padding: 9px; border-radius: 50%; margin-left: 26px; margin-right: 12px; background: #fff;}
#logo-r .member .member-dropdown .header .img img{width: 40px; height: 40px; object-fit: contain;}
#logo-r .member .member-dropdown .header .txt{flex: 1; font-size: 16px; font-weight: 600; color:#333;}
#logo-r .member .member-dropdown .header .txt span{display:block;margin-top: 7px; font-size:12px; color:#666}
#logo-r .member .member-dropdown .header a.btn{width: 46px; height: 24px; text-align: center; line-height: 24px; color:#333; background: rgba(0, 0, 0, 0.05);border-radius: 2px; margin-right: 17px;}
#logo-r .member .member-dropdown .header a.btn:hover{ background: #3E64FF; color: #fff;}
#logo-r .member .member-dropdown .body{padding: 25px 25px 0 25px; margin-bottom: -15px; background: #fff; display: flex; flex-flow:row wrap;}
#logo-r .member .member-dropdown .body .item{width: 33.33%; display: flex; justify-content: center; flex-flow:row wrap; margin-bottom: 38px;}
#logo-r .member .member-dropdown .body .item p{width: 100%; text-align: center; margin-top: 10px; color:#333;}
#logo-r .member .member-dropdown .body .item:hover p{ color:#3E64FF;}
#member{background-color: #F2F2F2; padding-top: 72px; padding-bottom: 52px;}
#member .page-flex{justify-content: space-between;}
#member .page-flex .left{width: 25%;}
#member .page-flex .right{width: 73% }
#member .card{background-color: #fff; border-radius: 2px; margin-bottom: 20px;padding-top: 0; padding-right: 40px; padding-bottom: 36px; padding-left: 40px}
#member .left .card{ padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 30px}
#member .member-info{padding-top: 46px; padding-bottom: 28px;}
#member .member-info img{display: block; margin: 0 auto 22px auto; width: 80px; height: 80px; border-radius: 50%;border: 4px solid rgba(62, 100, 255, 0.3);}
#member .member-info .p1{font-size:16px; font-weight: 600; color:#000; width: 100%; text-align: center; margin-bottom: 22px;}
#member .member-info .p1 span{display:block; font-size: 14px; font-weight: 400; color:#999; margin-top: 4px;}
#member .member-info .btn{display:block;text-align: center; height: 36px; line-height: 36px; font-weight: 600;}
#member .member-info .btn.btn1{background: #3E64FF; color: #fff; margin-bottom: 14px;}
#member .member-info .btn.btn2{background: #fff; border: 1px solid #333; color: #333;}
#member .member-nav a{display: block; padding:15px 0; border-bottom: solid 1px #eee; color:#333;}
#member .member-nav a:last-child{border-bottom:0;}
#member .subtitle{border-bottom:solid 1px #ddd; margin-bottom: 22px; position: relative;}
#member .subtitle .add{position: absolute; right: 0; top:50%; transform: translateY(-50%); background-color: #3E64FF;padding: 5px 10px; color:#fff;border-radius: 4px;}
#member .member-home2{border-bottom:solid 1px #ddd; margin-bottom: 14px;}
#member .member-home2>div{display: none;}
#member .member-home2>div:first-child{display: block;}
#member .personnel .li{padding:13px 16px;}
#member .personnel .li.t{background: rgba(62, 100, 255, 0.1);border: 1px solid #CAD5FE;}
#member .personnel .li>div{font-size:14px;}
#member .personnel .li .p2{color:#FF5907; width: 30%}
#member .personnel .li .p3{color:#333; width: 30%;}
#member .personnel .li .p4{color:#333; width: 10%;}
#member .personnel .li.t .p2{color:#333;}
#member .personnel .li a{color:#3E64FF; display: flex; align-items: center;}
#member .personnel .li a:after{content:""; display: inline-block; width: 1px; height: 8px; background:#888; margin: 0 10px;}
#member .personnel .li a:last-child:after{display:none;}
.list.member-pro .list-ul{margin-right:-20px; margin-bottom: -20px;}
.list.member-pro .list-li{width: calc(25% - 20px); margin-right:20px; margin-bottom: 20px;}
.list.member-pro .images{background-color: #D8D8D8;}
.list.member-pro .list-txt{border: 1px solid #EDEDED; padding: 20px 15px;}
.list.member-pro .list-txt .name{text-align: left;}
.list.member-pro .list-txt .name span{float: right; font-size: 15px;color: #3E64FF;}
.list.member-pro .right .list-li{width: calc(33.33% - 20px);}
#member .list.news-list .images{width: 20%; padding-top:13%; margin-right: 20px;}
#member .right .personnel .li .p4{width: 30%;}
#member .right .personnel .li .p2,.list.member-pro .right .personnel .li .p3{width: 20%;}
#member .right .list.news-list .images{width: 22%;padding-top:16.5%}
.enterprise-wrap .item p{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.enterprise-wrap .item a:hover p,.list.regulations .list-li:hover .list-txt .name,.products .list .list-li:hover .list-txt .name,.list.member-pro .list-li:hover .list-txt .name {transform: translateY(-5px);color: #3E64FF;}
/*******************************
  -------[=首页------
********************************/
.index-banner { width: 100%; height: 80vh; position: relative; z-index: 1; margin-top: 130px;}
.index-banner .swiper-btn { z-index: 5; }
.index-banner .swiper-btn.prev { left: 2% }
.index-banner .swiper-btn.next { right: 2% }
.index-banner .swiper-pagination { bottom: 30px; }
.index-banner .swiper-pagination-bullet {opacity: 1;position: relative;width: 50px;height: 2px;border-radius: 1px;margin: 0 5px !important;background-color: rgba(255,255,255,0.2);transition: background-color .3s ease;}
.index-banner .swiper-pagination-bullet::before {display: block; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: #fff; transform: scaleX(0);transform-origin: 0 0;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {animation: sliderPagination 5s linear forwards}
.index-banner .swiper-pagination-bullet:hover {background-color: rgba(255,255,255,0.8);}@keyframes sliderPagination { 100% {transform: scaleX(1);opacity: 1;}}
.index-banner .banner-img { transition: all 2s; transform: scale3d(1.1, 1.1, 1.1); }
.index-banner .swiper-slide-active .banner-img { transform: scale3d(1, 1, 1); }
.index-banner .tranx { transform: translateY(40px); opacity: 0;transition: all 1s ease; }
.index-banner .swiper-slide-active .tranx { transform: translateY(0); opacity: 1; }
.index-brand{height: 200px;}
.index-brand .swiper-wrapper{align-items: center;}
.index-brand .swiper-slide{height: 100px; display:flex; justify-content: center; align-items: center;}
.index-brand .swiper-slide img{display:block; width:auto; height:auto; max-width: 100%; max-height: 100%; object-fit: contain;}
.index-brand{display:flex; align-items: center;}
.index-brand .swiper-wrapper { -webkit-transition-timing-function: linear;-moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
/*首页政策法规*/
.list.regulations{ margin-bottom: 32px;}
.list.regulations .list-ul{margin-right:-40px; margin-bottom: 0;}
.list.regulations .list-li{width: calc(25% - 40px); margin-right:40px; margin-bottom: 40px; box-shadow:0px 2px 10px rgba(62, 100, 255, 0.1);}
.list.regulations .images{padding-top:67%;}
.list.regulations .list-txt{padding: 14px 22px;border-radius: 0 0 2px 2px; height: 80px;display: flex; align-items: center;}
.list.regulations .list-txt .name{text-align: left; -webkit-line-clamp:2}
/*首页浙江省椅业协会*/
#zjyyxh .wrapper .txt.index{width: 62%; margin-left: 38%; margin-top:-120px; margin-bottom: -150px; position: relative; z-index: 10;}
/*首页品牌展示*/
.list.brand-display.index {padding-top:0; padding-bottom: 0;}
.list.brand-display.index .list-li{box-shadow: 0px 0px 20px rgba(214, 214, 214, 0.5);border-radius: 8px;}
/*首页产业服务*/
.industrial-services{background: #FFFFFF;border: 1px solid #E0DEDD;border-radius: 8px;padding-top:40px; padding-bottom: 40px;}
.industrial-services .ranks{display:flex; flex-flow:row wrap;position:relative;}
.industrial-services .item{width: 33.33%;position:relative; padding-left:50px;padding-right: 50px;}
.industrial-services .item .txt{padding-top:18px;}
.industrial-services .item .txt .t{font-size:20px; font-weight: 600; color:#1A1A1A; margin-bottom: 18px;}
.industrial-services .item .txt .p{font-size:16px; line-height: 1.625; color:#666;}
.industrial-services .ranks:before,.industrial-services .item:after{content:"";display:block;position:absolute; background: #F6F4F3}
.industrial-services .ranks:before{width: calc(100% - 100px); height: 1px; left:50px; bottom:0;right:50px;}
.industrial-services .item:after{width: 1px; height: 100%; right:0; top:0;}
.industrial-services .ranks:last-child:before,.industrial-services .item:last-child:after{display:none;}
.industrial-services .ranks:nth-child(1) .item{padding-bottom:40px;}
.industrial-services .ranks:nth-child(2) .item{padding-top:40px;}
.industrial-services .item img{display:block; width: 45px; height: 45px; object-fit: contain;}
/*******************************
  -------[=自适应------
********************************/
.body-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.top .close { width: 25px; height: 25px; position: absolute; z-index: 1001; top: 16px; right: 16px; display: none; cursor: pointer; }
.mobilemenu { width: 40px; height: 40px; padding: 9px 0 0 15px; position: absolute; z-index: 1001; right: 20px; top: 50%; margin-top: -20px; display: none; cursor: pointer; }
.mobilemenu b { width: 25px; height: 2px; background-color: #666; display: block; margin-bottom: 8px; }
.mobilemenu b:nth-child(2) { margin-left: 10px; width: 15px; }
.mobilemenu.close { border: 0; }
.mobilemenu.close b { position: absolute; width: 25px; background-color: #B4382E; top: 19px; }
.mobilemenu.close b:nth-child(2) { display: none; }
.mobilemenu.close b:nth-child(1), .top .close b:nth-child(1) { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobilemenu.close b:nth-child(3), .top .close b:nth-child(2) { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width: 1440px) {
    .aboutus4 .swiper-btn{display:none;}
    #zjyyxh .wrapper .txt.index{margin-bottom: -100px;}
}
@media screen and (max-width: 1280px) {
    .wrapper { max-width: 100%; padding: 0 16px; }
    .title .secondary{font-size: 16px;}
    .title .main { font-size: 26px; }
    #footer #footer-nav .footer-nav a{margin-left:6vw;}
    #footer .footer{padding-top:20px; padding-bottom: 20px;}
    #footer .footer .right .item{margin-left:4.2vw}
    #footer .footer .left .qrcode img{padding:15px;}
    #header .wrapper{width: 100%; max-width: 100%;}
    .list.regulations .list-ul,.list.product-collection .list-ul,.list.brand-display .list-ul{margin-right:-25px;margin-bottom: -25px;}
    .list.regulations .list-li,.list.product-collection .list-li,.list.brand-display .list-li{margin-right: 25px; margin-bottom: 25px;}
    .list.regulations .list-li{width: calc(25% - 25px); }
    .list.product-collection .list-li,.list.brand-display .list-li{width: calc(33.33% - 25px);}    
    .index-brand{height:150px;}
    #zjyyxh .wrapper .txt.index{margin-bottom:-100px;}
    .industrial-services .ranks:nth-child(1) .item{padding-bottom: 20px;}
    .industrial-services .ranks:nth-child(2) .item{padding-top:20px;}
    .industrial-services .item{padding-left:32px; padding-right: 32px;}
    .industrial-services .item .txt .p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}    
    #personnel{padding-bottom: 36px;}
    .personnel .li{padding:10px 16px;}
    .personnel .li>div{font-size:16px;}
    #banner .wrapper{left: 16px;margin-left:0;}
    .list.leaders .list-li{padding:15px 15px 8px 15px;}
    .aboutus4 .aboutus4-card{height: 500px;}
    .page-flex.news,.products,.list.brand-display,.service-wrap,#member{padding-top:36px; padding-bottom:36px;}
    .enterprise-wrap{margin-top:36px; margin-bottom: 36px; padding: 20px 15px;}
    .enterprise-wrap .item{padding-top: 20px; padding-bottom: 30px;}
    .enterprise-wrap .item .images{width: 150px; height: 150px;}
    .service-wrap .item{margin-bottom: 36px;}
    .service-wrap .item .txt{padding:20px;}
    .service-wrap .item .txt .t{font-size:24px;padding-bottom: 16px;  margin-bottom: 16px;}
    .article{padding-top:30px; padding-bottom:30px;}
    .article .footer{margin-top:20px; padding-top:15px;}
    #member{padding-bottom: 16px;}
    .main-page{margin-bottom: 45px;}
}

@media screen and (max-width: 1024px) {
    #footer .footer .left{display:none;}    
    .title{padding-top:30px; padding-bottom: 15px;}
    .title .secondary{font-size: 14px;}
    .title .main { font-size: 20px; }
    .page-flex .page-left{padding-right:16px;}
    .page-flex .page-right{padding-left:16px;}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide:after{margin:0 32px;}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide.active:before, .swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover:before{width: calc(100% - 64px)}    
    #footer #footer-nav .footer-nav a{margin-left:4vw;}
    #footer .footer .right{justify-content: space-between}
    #footer .footer .right .item{margin-left:0;}
    .list.news-list .images{padding-top:21.5%; width: 30%}
    .list.news-list .list-txt .tool{margin-top:15px;}
    .list.news-list .list-txt .enterprise span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .list.regulations .list-ul,.list.product-collection .list-ul,.list.brand-display .list-ul{margin-right:-16px;margin-bottom: -16px;}
    .list.regulations .list-li,.list.product-collection .list-li,.list.brand-display .list-li{margin-right: 16px; margin-bottom: 16px;}
    .list.regulations .list-li{width: calc(25% - 16px); }
    .list.product-collection .list-li,.list.brand-display .list-li{width: calc(33.33% - 16px);}    
    #personnel{padding-bottom:20px;}
    .page-flex.news,.products,.list.brand-display,.service-wrap,#member{padding-top:20px; padding-bottom:20px;}
    #member{padding-bottom: 10px;}
    .service-wrap .item{margin-bottom: 16px;}
    .service-wrap .item img.right{width: 50%;}    
    .industrial-services .item .txt .t{font-size:18px;}
    .enterprise-wrap{margin-top:20px; margin-bottom: 20px; padding: 20px 15px;}
    .enterprise-wrap .item{width: 33.33%}
    .article{padding-top:15px; padding-bottom:15px;}
    .article .footer{margin-top:10px; padding-top:8px;}
    .aboutus5{padding:16px;}
    .aboutus5 .left{width: 100%; display:flex; margin-bottom: 20px;}
    .aboutus5 .left img{width: 50vw; height: 150px; margin-bottom: 0;}
    .aboutus5 .left .text{padding-left:32px;}
    .aboutus5 .right{padding-left:0}
    .contact{padding-bottom: 36px;}
    #zjyyxh .wrapper .txt.index{width: 70%; margin-left: 30%; margin-top:-60px; margin-bottom: -60px;}
    #zjyyxh .page-flex .txt{padding-right: 0}
    #zjyyxh .page-flex img{width: 100%}
    #zjyyxh .page-flex .zj-number{margin-bottom: 40px;}
    #aboutus .aboutus{margin-bottom:-40px;}
    #aboutus .aboutus:last-child{margin-bottom:0px;}
    #login .login{width: 40vw; left: 6vw}
    #member .card{padding-right: 20px;padding-bottom: 18px; padding-left: 20px;}
    .main-page{margin-bottom: 32px;}
}

@media screen and (max-width: 900px) {
    #footer #footer-nav{display:none;}
    .mobilemenu { display: inline-block; }
    header#index-header #header{height: 60px;background: #fff}
    header#index-header .logo a{background-image: url(../images/logo.png);}
    header, header.fixed { height: 60px; z-index: 100; background-color: #fff }
    #header { height: 100%; }
    #header .wrapper { padding-top: 0; }
    #header .wrapper, .nav .nav-ul { display: block }
    #nav, header.fixed #nav { position: fixed; width: 80%; height: 100%; left: auto; right: -100%; top: 0px; margin: 0; background: #fff; z-index: 101; overflow-x: hidden; overflow-y: auto; border-top: solid 1px #ddd; }
    #nav .wrapper{padding-top:20px;}
    #nav .nav { padding: 20px; width: 100%; }
    #nav .nav .mainlevel { width: 100%; height: 50px; border-bottom: solid 1px #ddd; justify-content: flex-start; margin: 0; }
    .nav .mainlevel:after { margin-bottom: 0; left: 0 }
    .nav .mainlevel a { height: 50px; line-height: 50px; width: 100%; padding: 0 20px; }
    header#index-header .nav .mainlevel a, header#index-header .nav .mainlevel.active a{color:#333;}
    header#index-header .lang a{background: none;}
    header#index-header .nav .mainlevel:after{background:#C41821}
    header#index-header .nav .mainlevel.active a{color:#1E2088}
    header.fixed .nav .mainlevel:after{ margin-bottom: 0;}
    header #logo { left: 16px; position: absolute; top: 50%; transform: translateY(-50%); }
    #header-title{ position: absolute; right:60px; top: 50%; transform: translateY(-50%);}
    #logo-r{ right: -100%; position: fixed; z-index: 102; bottom: 0; width: 80%; flex-direction: column; text-align: center}
    #logo-r .date{}
    #logo-r .member{margin-left: 0; margin-bottom: 16px; margin-top:0;}
    #sub-nav {height: 60px;}
    #sub-nav.fixed { position: fixed; z-index: 100 }
    #sub-nav .sub-nav { height: 100%; }
    header.fixed #nav .wrapper{padding:0; width: 100%; max-width: 100%;}
    .swiper-container.sub-nav .swiper-wrapper { justify-content: flex-start; align-items: center; padding-left: 5vw;}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide { width: auto; padding: 0; position: relative; display: inline-block; display: flex; align-items: center; border-bottom: 0; }
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide:after{margin:0 5vw}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide:last-child{margin-right:10vw;}
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide a { color: #333; font-size: 16px; }
    .swiper-container.sub-nav .swiper-wrapper .swiper-slide.active:before, .swiper-container.sub-nav .swiper-wrapper .swiper-slide:hover:before {width: calc(100% - 10vw)}
    .title .main { font-size: 20px; }
    .title .secondary { font-size: 16px; margin-bottom:8px;}
    .main-page a { margin: 0 0 0 -1px }
    header.fixed #header-title{display:block; width: 30vw}
    .index-banner{height:200px;margin-top:60px;}
    .index-brand{height:120px;}
    #footer .footer .right{flex-direction: column;}
    #footer .footer .right .item{display:flex; width: 100%; flex-flow:row wrap; padding-left: 80px;position:relative; margin-bottom: 16px;}
    #footer .footer .right .item h6{width: 80px; position:absolute; left:0;}
    #footer .footer .right .item p{margin-right:20px;}
    #footer .footer .right .item.col{width: 100%;}
    #footer .footer .right .item.col p{width: auto;}
    #footer .footer .right .item.end p{white-space: normal;}
    #footer .copyright{flex-direction: column; align-items: center; line-height: 1.8;}
    #banner{margin-top:60px;}
    .list.brand-display .list-txt{padding:16px;}
    .list.brand-display .list-txt .info{margin-top:12px; padding-top:12px; height: 140px;}
    .products .list .list-li{width: calc(33.33% - 16px); margin-right: 16px; margin-bottom: 16px;}
    #login .login .footer{display:none;}
    #login{flex-direction: column;}
    #login #logo{position:absolute; left: 16px; top: 16px; z-index: 10;}
    #login .left{width: 100%;height: 65%; padding: 16px 0; position: absolute; z-index: 2;}
    #login .login{width: calc(100% - 32px); padding:16px; margin: 16px; left: 0; bottom: 0; background: #fff; border-radius: 6px; position: relative; margin-top: 30vh;}
    #login .login .footer{margin-top:10vh;}
    #login .login .btn-submin{margin-top:20px;}
    #login .right{width: 100%; height: 100%;}
    #login .right:before{width: 100%; height: 150px;margin-left:0; margin-top:-1px;}
    #login .right .txt{padding-left:0; bottom: 0; top:150px;}
    #login .right .txt .p2{ margin-bottom: 0}
    #login .right .txt .p3{position:absolute; bottom: 16px; width: 100%;}
    /*会员页*/
    #logo-r .member .select{height:auto; padding-right:0;}
    #logo-r .member .select .placeholder{display: none;}
    #logo-r .member .select ul{display:flex;position:relative; width: 100%}
    #logo-r .member .member-dropdown{margin-top: 10px;}
    #logo-r .member .member-dropdown .header{height:70px}
    #logo-r .member .member-dropdown .body{padding:0px;}
    #logo-r .member .member-dropdown .body .item{width:50%;padding-top:16px; padding-bottom:16px; margin-bottom:0;flex-direction: row; align-items: center;}
    #logo-r .member .member-dropdown .body .item img{width: 20px; height: 20px;}
    #logo-r .member .member-dropdown .body .item p{width:auto; margin-top:0; margin-left: 10px;}
    #member .page-flex .left{display:none;}
    #member .page-flex .right{width: 100%;}
    #member .card{padding-right: 16px;padding-bottom: 16px; padding-left: 16px;margin-bottom:16px;}
    .list.member-pro .list-li{width: calc(33.33% - 16px);margin-right: 16px;margin-bottom: 16px;}
    .main-page{margin-bottom: 24px;}
}

@media screen and (max-width: 800px){
    #banner{height:200px;}
    #banner .wrapper h1{font-size:30px;}
    #banner .wrapper h2{font-size:16px; margin-bottom: 0;}
    .list.product-collection .list-li, .list.brand-display .list-li,.list.regulations .list-li{width:calc(50% - 16px)}
    #zjyyxh .wrapper .txt.index{width: 100%;margin-left:0; margin-top:16px; margin-bottom: 16px;}
    .contact{flex-flow:row wrap;}
    .contact .txt{padding-left:0; padding-bottom: 20px; padding-right: 120px; position: relative;}
    .contact .txt .qrcode{position:absolute; right: 0; top: 0;margin-top:0; width: 120px;}
    .contact .txt .qrcode img{width: 110px; height: 110px;}
    .contact .map{width: 100%; order:2;}
    .enterprise-wrap {margin-top: 15px; margin-bottom: 15px;padding: 15px;}
    .enterprise-wrap .item{padding-top:15px; padding-bottom: 16px;}
    .enterprise-wrap .item p{margin-top:8px; line-height: 1.8; text-align: center; padding-left: 12px; padding-right: 12px;}
    .service-wrap .item img.right{width: 100%;height: 120px;}
    .service-wrap .item .txt{padding:16px; order:2;}
    .service-wrap .item .txt .info{height: auto;display: block;}
}

@media screen and (max-width: 700px){    
    .page-flex .page-right{display:none;}
    .main-page{flex-flow:row wrap; height: auto;}
    .main-page .page,.main-page .jump{width: 100%; justify-content: center;}
    .main-page .page{margin-bottom: 16px}
    .page-flex .page-left{width: 100%;padding-right:0}
    .enterprise-wrap .item{width: 50%}
    .btn-flex{flex-flow:row wrap; margin-top:0px; padding-left: 0px;}
    .industrial-services{display:flex; padding-top: 0; padding-bottom: 0;}
    .industrial-services .ranks:before{width:1px; height: 100%;left: auto; right: 0; top: 0;}
    .industrial-services .item:after{width: 100%; height: 1px;top: auto; bottom: 0;}
    .industrial-services .item:last-child:after{display:none;}
    .industrial-services .ranks{flex:1;}
    .industrial-services .item{width: 100%; padding: 16px;}
    .personnel.ind .li .p1{width: 40%;}
    .personnel.ind .li .p2{width: 40%;}
    .personnel.ind .li .p3{width: 20%;}
    .personnel.ind .li .p4{display: none}
}

@media screen and (max-width: 600px){
    .main-page .page .prev span,.main-page .page .next span{display:none; opacity: 0;}
    .main-page .prev, .main-page .next{min-width: 30px;}
    .form-group{padding-left: 80px; margin-bottom: 16px;}
    .form-group .label{position: absolute; left: 0;}
    .form-group.col{width: 100%;}
    .list.news-list .list-li .all.active{background-color:#ededed;}
    .list.news-list .list-txt .name{font-size: 16px;}
    #login .login .form-group{padding-left: 0px;}
    #login .login .label{position: relative;}
    .zj-number{flex-flow:row wrap; margin-top: 16px; justify-content: center;}
    #zjyyxh .page-flex .zj-number{ margin-bottom: 16px;}
    .zj-number .col{margin-bottom: 16px;}
    .products .list .list-li,.list.member-pro .list-li{width:calc(50% - 16px);}
    .products .list .list-txt .name,.list.member-pro .list-txt .name{display:flex !important;flex-direction: column;align-items:flex-start;}
    .products .list .list-txt .name span,.list.member-pro .list-txt .name span{order:2; margin-top:5px;}
    .personnel .li .p3{display:none;}
    .aboutus5{border:0;}
    .aboutus5 .left .t{text-align: center;}
    .aboutus5 .left img{display:none;}
    .aboutus5 .left .text{padding-left:0;}
}

@media screen and (max-width: 530px){
    header #header-title,header.fixed #header-title{display:none;}    
    .list.product-collection .list-ul, .list.brand-display .list-ul{margin-right: 0;}
    .list.product-collection .list-li, .list.brand-display .list-li{width:100%; margin-right: 0;}
    .list.regulations .list-txt{padding:8px 10px; height: 60px;}
    .list.brand-display .list-txt .name span{height: auto;}
}

@media screen and (max-width: 480px){
    .list.news-list .images{width: 120px; height: 80px;}
    .list.news-list .list-txt{display:flex; flex-direction: column; justify-content: space-between; height: 80px;}
    .list.news-list .list-txt .name{-webkit-line-clamp:2;}
    .list.news-list .list-txt .info,.list.news-list .list-txt .tool .category{display:none !important; opacity: 0;}
    .list.news-list .list-txt .tool{flex-direction:column; align-items: flex-start; margin-top:0;}
    .article .head .tool{flex-direction:column; align-items: center;}
    .article .head .tool span{margin-top:8px;}
    .zj-btn{flex-flow:row wrap;margin-top: 0;}
    .zj-btn .col{width: 100%; padding:16px; margin-top: 16px;}
    .zj-number .col{width: 80%;}
    /* .enterprise-wrap .item .images{width: 180px; height: 180px;}
    .enterprise-wrap .item{width: 100%} */
    .industrial-services{flex-direction:column;}
    .industrial-services .ranks:before{width: 100%; height: 1px;top:auto; bottom: 0;}
    .personnel.ind .li .p1{width: 50%;}
    .personnel.ind .li .p2{width: 50%;}
    .personnel.ind .li .p3{display: none}
}
/*******************************
  -------[=2022年7月5日新增------ 
********************************/
.manage .list-li{display:flex; width:auto; flex:1;}
.manage .manage-tool{width:160px; display: flex; align-items: center; justify-content: flex-end;}
.manage .manage-tool a{margin-left:16px;}
.manage .manage-tool a:nth-child(1){color:#3E64FF}
.manage .manage-tool a:nth-child(2){color:#f00}
.manage .products {padding-top: 16px; padding-bottom: 16px;}
.manage .products .list .list-ul{margin-right: 0;}
.manage .products .list .list-li{width: 100%; margin-right: 0;border-bottom: solid 1px #ddd; padding-bottom: 16px;}
.manage .products .list .images{width: 150px; padding-top: 100px;}
.manage .products .list .list-txt{flex:1;display:flex; align-items: center;border: 0;}
.manage .products .list .list-txt .name span{margin-left:16px; }
#member .right .manage .personnel .p4{width: 120px;display: flex;justify-content: flex-end;}
.subtitle {position:relative;}
.subtitle .more,.title .more{position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 90px;}
.subtitle .more a,.title .more a{background-color: #fff; }
.subtitle .more a span,.title .more a span{ color: #3E64FF;}
.subtitle .more a span:after,.title .more a span:after{border-right-color: #3E64FF; border-bottom-color: #3E64FF;}
#zjyyxh{padding-top:32px}
.industrial-services{ margin-bottom: 32px;}
.ad{width: 100%;}
.ad a{display:block; position: relative;}
.ad a img{display:block; width: 100%; height: 100%; object-fit: cover;}
.ad a em{display:block; position: absolute;left: 0; bottom: 0; font-size:10px; color:#fff; background:#000;padding:2px 3px; opacity: 0.5}
@media screen and (max-width: 900px){
  #personnel{padding-bottom: 16px;}
  .title{padding-top: 16px;}
  .industrial-services,.personnel{ margin-bottom: 16px;}
  #personnel .personnel{margin-bottom: 0;}
}
@media screen and (max-width: 700px){
  .ad{margin-left:-16px; margin-right: -16px;width:calc(100% + 32px);}
}
@media screen and (max-width: 480px){
  .manage .list.news-list .list-txt{height:auto}
  .manage .products .list .list-li{padding-bottom:40px; justify-content: space-between;}
  .manage .products .list .list-txt{position: absolute; left: 0; bottom: 10px; padding: 0; flex: none; width: 100%;}
  .manage .products .list .list-txt .name{flex-direction:row;}
  .manage .products .list .list-txt .name span{margin-top:0}
}
/* 2022年7月14日11时修改 */
#zjyyxh .title{padding-bottom:64px}
.swiper-container.sub-nav .swiper-wrapper{justify-content: flex-start;}
#sub-nav .swiper-btn{z-index: 2;}
#sub-nav .wrapper{padding-left: 0; padding-right: 0;}
#sub-nav .prev.swiper-btn{left:0;margin-left: -60px;}
#sub-nav .next.swiper-btn{right:0; margin-right: -60px;}
@media screen and (max-width: 1440px) {
  #sub-nav .wrapper{padding-left: 40px; padding-right: 40px;}
    #sub-nav .prev.swiper-btn{left:0;margin-left: 0px;}
    #sub-nav .next.swiper-btn{right:0; margin-right: 0px;}
    #zjyyxh .title{padding-bottom: 16px;}
}
@media screen and (max-width: 900px) {    
.swiper-container.sub-nav .swiper-wrapper{padding-left: 0;}
}

/* 2022年8月24日14时 新增企业用户视频展示、广告位移动端显示 */
.list.member-video .list-li{width: calc(33.33% - 30px);}
.list.member-video .images{padding-top: 56.25%;}
.list.member-video .images:before{content:""; display: block;position: absolute;z-index: 4; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);}
.list.member-video a:before,.list.member-video a:after{content:""; display: block;position: absolute;z-index: 6;left: 50%; top: 50%;transform: translate(-50%,-50%); margin-top: -22.5px; }
.list.member-video a:before {position: absolute;z-index: 4;width: 40px;  height: 40px;background-color: #fff; border-radius: 50%;}
.list.member-video a:after {  width: 14px;  height: 20px; border-radius: 2px; background-color: #666;  clip-path: polygon(0 0, 100% 50%, 0 100%); margin-left: 5px; margin-left: 2px;}
.ad a img.ad-mobile{display:none; opacity: 0;}
.ad a img.ad-pc{display:block; opacity: 1;}

@media screen and (max-width: 1024px){
    .subtitle.tabs span{margin-right: 32px;}
    #member .subtitle{width:100%;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch; white-space: nowrap; display: flex;padding:0 0 0 16px;}
    #member .subtitle::-webkit-scrollbar{display:none}  
    .list.member-video .list-ul{margin-right: -16px; margin-bottom: -16px;}
    .list.member-video .list-li{width: calc(50% - 16px); margin-right: 16px; margin-bottom: 16px;}
    .list.regulations{margin-bottom: 16px;}
}

@media screen and (max-width: 800px){
  .ad a img.ad-pc{display:none; opacity: 0;}
  .ad a img.ad-mobile{display:block; opacity: 1; margin-top: 16px; margin-bottom: 16px;}
}

@media screen and (max-width: 600px){
  .list.member-video .list-ul{margin-right: 0;}
  .list.member-video .list-li{width: 100%; margin-right: 0;}
}

/* 会员企业联系方式 */
#member .member-home2{border-bottom: 0;}
.member-contact:after{content:""; display:table; clear:both;}
.member-contact .li{width: 50%; float:left; display: flex; align-items: center;}
.member-contact .li:first-child{width: 100%; float:none;}
.member-contact .li>div{padding: 8px 0; font-size: 16px;}
.member-contact .li .p1{color: #666;}
.member-contact .li .p2{color: #333; padding-left: 8px;}
.member-contact .li .p2 a{color: #3E64FF;}

@media screen and (max-width: 600px){
  .member-contact .li{width: 100%; float:none}
}

/* 产品页面图片显示 */
.products .list .images{background-color: #fff; border: 1px solid #EDEDED}
.products .list .images img{object-fit: contain;}
.products .list .list-txt{border-top: 0;}

/* 2023年8月26日 11:18新增加下拉菜单 */
.nav .mainlevel ul { position: absolute; z-index: 999; left: 0; top: 58px;transform: translateY(20px); opacity: 0; visibility: hidden; }
.nav .mainlevel .sub-mainlevel { width: 200px;display: block; list-style: none; padding: 8px 0; background-color: #fff; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.2); }
.nav .mainlevel .sub-mainlevel:before { display: none; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -7px;}
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; display: block; text-align: center; font-size: 14px; color: #333;padding: 12px 16px; height: auto;}
.nav .mainlevel .sub-mainlevel a:hover { color: var(--main-color); text-decoration: underline; background: rgba(0, 0, 0, 0.05); }
.nav .mainlevel:hover ul { opacity: 1; visibility: visible;transform: translateY(0px); }
@media screen and (max-width: 1240px){
  .nav .mainlevel ul{left: auto; right: 0;}
}
@media screen and (max-width: 900px){
  #nav .nav{padding: 0; height: calc(100vh - 290px); overflow-x: hidden; overflow-y: auto;}
  #nav .nav .mainlevel{flex-direction: column;}
  .nav .mainlevel ul { position: relative;width: 100%; top: 0; right:auto; transform: translateY(0px);opacity: 1; visibility: visible;height: auto; display: block; }
  .nav .mainlevel .sub-mainlevel {box-shadow:none; padding: 0 0 0 32px; width: 100%;}
	.nav .mainlevel .sub-mainlevel:before {display: none;}
	.nav .mainlevel .sub-mainlevel a {border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: left; margin: 0; padding: 12px 0; line-height: 25px;}
	.nav .mainlevel .sub-mainlevel a:last-child { border-bottom: 0; }
}